<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小莱书城</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="nav">
            <p><a href="主网页.html"><img src="img/logo.png" alt="logo"></a></p>
            <ul>
                <li><a href="#">登录</a> |</li>
                <li><a href="#">注册</a> |</li>
                <li><a href="#">关于</a> </li>
            </ul>
        </div>

    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="left">
            <img src="img/1.png" alt="">
            <p><a href="#">移动互联网开发专业书籍</a></p>
            <p><a href="#">移动互联网应用专业书籍</a></p>
        </div>
        <div class="right">
            <div class="r1">
                <h3>移动互联网开发全套书籍</h3>
                <p>突破传统教与学，合理利用碎片化学习时间。在线课堂、视频课堂，论坛交流，提供课外知识补充。</p>
                <div class="from-contnet">
                    <div class="from-ctrl">
                        <label>书籍名称：</label>
                        <ul>
                            <li> Web标准网站设计之道</li>
                            <li>Linux系统管理</li>
                            <li>Photoshop商业网站设计</li>
                        </ul>
                    </div>
                    <div class="from-ctrl">
                        <label>购买数量：</label>
                        <div class="count"><span>-</span><span>1</span><span>+</span></div>
                    </div>
                    <div class="from-ctrl">
                        <label>适用校区:</label>
                        <select name="" id="">
                            <option value="0">武汉校区</option>
                            <option value="0">河南校区</option>
                        </select>
                    </div>
                    <div class="total">总价： 111元</div>
                    <div class="buy"><a href="#">立即购买</a></div>
                </div>
            </div>
            <div class="r2">
                <h3>书籍简介</h3>
                <p>高端专业独享教材：解决学生课堂知识理解及教师教学配套。教材所有内容都是以一个综合项目为目标，每学期的课程内容都是围绕综合项目开展的，同时内含丰富的课程资源及面试题库等企业必备信息库。编撰者均有相关专业多年授课及行业经验，且多为获得相关专业顶级认证的专业人士。
                </p>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer">
        <p>Copyright © 2017 武汉格莱科技 保留公司所有权利。</p>
    </div>

</body>

</html>